<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:cote="http://java.sun.com/jsf/composite/componentes">

    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
        <ui:define name="contenido">        

            <h:form id="formulario" enctype="multipart/form-data">
                <p:tabView id="tabFormulario"  dynamic="true">

                    <p:tab id="tab1" title="Datos de la Empresa">			
                        <p:panel id="panel" header="Nueva Empresa" style="margin-bottom:10px;width: 90%">
                            <center>
                                <p:panelGrid style="width:90%">
                                    <p:row>
                                        <p:column>
                                            <h:outputText value="R.U.C.(*): " styleClass="lblForm" />
                                        </p:column>
                                        <p:column>
                                            <p:inputMask mask="99999999?999" id="idRucEmpresa" size="20"
                                                         disabled="#{BKEmpresa.verFormulario}"
                                                         value="#{BKEmpresa.empresaFormulario.ruc}" required="true" />	
                                            <p:message for="idRucEmpresa" display="text"/>
                                        </p:column>
                                        <p:column>
                                            <h:outputText value="SIGLA: " styleClass="lblForm" />
                                        </p:column>
                                        <p:column>
                                            <p:inputText onkeyup="cambiarMayuscula(this)" value="#{BKEmpresa.empresaFormulario.sigla}"
                                                         disabled="#{BKEmpresa.verFormulario}" size="20"
                                                         maxlength="50" id="idSigla"/>
                                            <p:message for="idSigla" display="text"/>
                                        </p:column>
                                    </p:row>
                                    <p:row>
                                        <p:column>
                                            <h:outputText value="RAZON SOCIAL(*): " styleClass="lblForm"  />
                                        </p:column>
                                        <p:column colspan="3">
                                            <p:inputText onkeyup="cambiarMayuscula(this)" id="idRazonSocial" disabled="#{BKEmpresa.verFormulario}"
                                                         value="#{BKEmpresa.empresaFormulario.razonSocial}" required="true"
                                                         maxlength="200" size="80"/> 
                                            <p:message for="idRazonSocial" display="text"/>
                                        </p:column>
                                    </p:row>
                                    <p:row>
                                        <p:column>
                                            <h:outputText value="NOMBRE COMERCIAL: " styleClass="lblForm" />
                                        </p:column>
                                        <p:column colspan="3">
                                            <p:inputText onkeyup="cambiarMayuscula(this)" value="#{BKEmpresa.empresaFormulario.nombreComercial}" 
                                                         disabled="#{BKEmpresa.verFormulario}"
                                                         maxlength="200" size="80" id="idNomComercial"/> 
                                            <p:message for="idNomComercial" display="text"/>
                                        </p:column>
                                    </p:row>							
                                    <p:row>
                                        <p:column>
                                            <h:outputText value="UBICACION (*): " styleClass="lblForm" />
                                        </p:column>
                                        <p:column colspan="3">
                                            <p:inputText onkeyup="cambiarMayuscula(this)" id="idUbigeo" value="#{BKEmpresa.empresaFormulario.descUbicacion}" 
                                                         style="width: 250px" required="true" disabled="#{BKEmpresa.verFormulario}" size="40" />
                                            <p:commandButton value="CARGAR UBIGEO" styleClass="ui-priority-primary" id="btnUbigeo"
                                                             actionListener="#{MBUbigeo.inicializar}" immediate="true" process="@this"
                                                             oncomplete="buscarUbigeo.show()" update=":formUbigeo:pnlUbigeo" >
                                                <f:attribute name="update" value=":formulario:tabFormulario:idUbigeo" /> 
                                                <f:attribute name="dialog" value="buscarUbigeo" /> 
                                            </p:commandButton>
                                            <p:message for="idUbigeo" display="text"/>
                                        </p:column>
                                    </p:row>
                                    <p:row>
                                        <p:column>
                                            <h:outputText value="DIRECCION LEGAL(*): " styleClass="lblForm" />
                                        </p:column>
                                        <p:column colspan="3">
                                            <p:inputText onkeyup="cambiarMayuscula(this)" value="#{BKEmpresa.empresaFormulario.direccionLegal}"
                                                         disabled="#{BKEmpresa.verFormulario}" id="idDireccionLegal"
                                                         maxlength="500" size="80" required="true"/> 
                                            <p:message for="idDireccionLegal" display="text"/>
                                        </p:column>
                                    </p:row>
                                    <p:row>
                                        <p:column colspan="1">
                                            <h:outputText value="OBSERVACION: " styleClass="lblForm" />
                                        </p:column>
                                        <p:column colspan="3">
                                            <p:inputTextarea value="#{BKEmpresa.empresaFormulario.observacion}"
                                                             disabled="#{BKEmpresa.verFormulario}" 
                                                             cols="60" rows="5" />	
                                        </p:column>
                                    </p:row>
                                    <p:row>
                                        <p:column colspan="1">
                                            <h:outputText value="LOGO: " styleClass="lblForm" />
                                        </p:column>
                                        <p:column>
                                            <p:fileUpload fileUploadListener="#{MBEmpresa.handleFileUpload}"  
                                                          mode="advanced" process="@this" id="logo"
                                                          update="messagesLogo"  
                                                          auto="true"  
                                                          sizeLimit="900000"   
                                                          allowTypes="/(\.|\/)(gif|jpe?g|png)$/"/>  
                                        </p:column>
                                        <p:column>
                                            <p:growl id="messagesLogo" showDetail="true"/> 
                                        </p:column>
                                    </p:row>
                                    <p:row>
                                        <p:column colspan="1">
                                            <h:outputText value="LOGO DOC: " styleClass="lblForm" />
                                        </p:column>
                                        <p:column>
                                            <p:fileUpload fileUploadListener="#{MBEmpresa.handleFileUpload2}"  
                                                          mode="advanced"  process="@this" id="logoDoc"
                                                          update="messagesLogoDoc"  
                                                          auto="true"  
                                                          sizeLimit="900000"   
                                                          allowTypes="/(\.|\/)(gif|jpe?g|png)$/"/>  
                                        </p:column>
                                        <p:column>
                                            <p:growl id="messagesLogoDoc" showDetail="true"/> 
                                        </p:column>
                                    </p:row>

                                </p:panelGrid>
                            </center>     
                        </p:panel>
                    </p:tab>

                    <p:tab id="tabRepresentante" title="Representantes"  transient="true" >  
                        <cote:mantenimientoContacto id="mantenimientoRepresentantes" 
                                                    isEditable="#{BKEmpresa.verFormulario}"/>
                    </p:tab>

                </p:tabView>	

                <h:panelGrid columns="2" cellpadding="10">
                    <p:commandButton id="btnGuardar" action="#{BKEmpresa.comando.aceptar()}"
                                     ajax="false" value="#{BKEmpresa.comando.nombre}"
                                     disabled="#{BKContacto.listaContacto.size() ge 1?false:true}"/>
                    <p:commandButton action="#{MBEmpresa.cancelar()}" id="btnCancelar"
                                     ajax="false" value="Cancelar" immediate="true" />
                </h:panelGrid>
                <h:panelGrid styleClass="mensaje_obligatorio">(*) Campos Requeridos</h:panelGrid>
            </h:form>

            <p:dialog widgetVar="buscarUbigeo"  header="UBIGEO" modal="true" dynamic="true" >
                <ui:include src="../../../general/ubigeo1.xhtml" /> 
            </p:dialog>

        </ui:define>
    </ui:composition>
</html>